<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="build/flexible.js"></script>
    <script src="build/flexible_css.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/icons.css">
    <!--[if lt IE 8]><!-->
    <link rel="stylesheet" href="ie7/ie7.css">
    <!--<![endif]-->
    <link rel="stylesheet" href="js/swiper/swiper.css">
    <title>首页</title>
</head>
<body>
<header>
    <ul class="header-tit box box-center">
        <li><h1 class="color-red">校园生活</h1></li>
    </ul>
</header>
<section class="section-single section-nav">
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="tabs-switch">
        <div class="tabs">
            <div class="tabs-line"></div>
            <ul class="tabs-nav box box-center font16">
                <li class="active">人气活动</li>
                <li>兼职求职</li>
                <li>热卖商家</li>
                <li>特惠活动</li>
            </ul>
        </div>
        <div class="swiper-container tabs-switch-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="content-slide tabs-switch-slide">
                        <!--人气活动-->
                        <div class="more-tit box box-between box-center">
                            <h3>热门推荐</h3>
                            <ul class="more-btn box box-right box-center font12">
                                <li><a href="actionList.html">查看更多</a></li>
                                <li class="icon-in"></li>
                            </ul>
                        </div>
                        <ul class="double-list clear">
                            <li>
                                <a href="">
                                    <div class="double-list-img"><img src="img/action_middle.jpg"></div>
                                    <div class="double-list-tit clear">
                                        <span class="double-list-tit-word font14">公益咖啡厅开业大酬</span>
                                    </div>
                                    <div class="double-list-inf box box-between font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                    <div class="tit-tip font12">
                                        <div class="tit-tip-word">热门</div>
                                        <div class="tit-tip-bg"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="double-list-img"><img src="img/action_middle.jpg"></div>
                                    <div class="double-list-tit clear">
                                        <span class="double-list-tit-word font14">公益咖啡厅开业大酬宾，分享我们的快乐</span>
                                    </div>
                                    <div class="double-list-inf box box-between font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="double-list-img"><img src="img/action_middle.jpg"></div>
                                    <div class="double-list-tit clear">
                                        <span class="double-list-tit-word font14">公益咖啡厅开业大酬宾，分享我们的快乐</span>
                                    </div>
                                    <div class="double-list-inf box box-between font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="double-list-img"><img src="img/action_middle.jpg"></div>
                                    <div class="double-list-tit clear">
                                        <span class="double-list-tit-word font14">公益咖啡厅开业大酬宾，分享我们的快乐</span>
                                    </div>
                                    <div class="double-list-inf box box-between font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                    <div class="tit-tip font12">
                                        <div class="tit-tip-word">最新</div>
                                        <div class="tit-tip-bg"></div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide tabs-switch-slide">
                        <!--兼职求职-->
                        <div class="more-tit box box-between box-center">
                            <h3>热门推荐</h3>
                            <ul class="more-btn box box-right box-center font12">
                                <li><a href="workList.html">查看更多</a></li>
                                <li class="icon-in"></li>
                            </ul>
                        </div>

                        <ul class="single-list">
                            <li>
                                <a href="">
                                    <div class="single-list-tit font16"><span class="other-tip font12">已满</span>书店暑假工平时都可以包吃住兼日结两百</div>
                                    <div class="single-list-inf box box-between box-center font12">
                                        <div class="single-list-price">200元/天</div>
                                        <div class="div single-list-time">06-08~06-25</div>
                                    </div>
                                    <div class="single-list-position box box-between box-center font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="single-list-tit font16">书店暑假工平时都可以包吃住兼日结两百</div>
                                    <div class="single-list-inf box box-between box-center font12">
                                        <div class="single-list-price">200元/天</div>
                                        <div class="div single-list-time">06-08~06-25</div>
                                    </div>
                                    <div class="single-list-position box box-between box-center font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="single-list-tit font16"><span class="other-tip font12">已满</span>书店暑假工平时都可以包吃住兼日结两百</div>
                                    <div class="single-list-inf box box-between box-center font12">
                                        <div class="single-list-price">200元/天</div>
                                        <div class="div single-list-time">06-08~06-25</div>
                                    </div>
                                    <div class="single-list-position box box-between box-center font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="single-list-tit font16"><span class="other-tip font12">已满</span>书店暑假工平时都可以包吃住兼日结两百</div>
                                    <div class="single-list-inf box box-between box-center font12">
                                        <div class="single-list-price">200元/天</div>
                                        <div class="div single-list-time">06-08~06-25</div>
                                    </div>
                                    <div class="single-list-position box box-between box-center font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="single-list-tit font16">书店暑假工平时都可以包吃住兼日结两百</div>
                                    <div class="single-list-inf box box-between box-center font12">
                                        <div class="single-list-price">200元/天</div>
                                        <div class="div single-list-time">06-08~06-25</div>
                                    </div>
                                    <div class="single-list-position box box-between box-center font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="single-list-tit font16">书店暑假工平时都可以包吃住兼日结两百</div>
                                    <div class="single-list-inf box box-between box-center font12">
                                        <div class="single-list-price">200元/天</div>
                                        <div class="div single-list-time">06-08~06-25</div>
                                    </div>
                                    <div class="single-list-position box box-between box-center font12">
                                        <div class="position box box-left">
                                            <div class="icon-position color-red"></div>
                                            <p>珠海</p>
                                        </div>
                                        <div class="click-num box box-right box-center">
                                            <span class="icon-click font12"></span>
                                            <em>546</em>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide tabs-switch-slide">
                        <!--热卖商家-->
                        <div class="store-category">
                            <div class="swiper-container-v">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/canyin.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">餐饮</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/yule.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">娱乐</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/zonghe.png"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">综合</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/tongxun.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">通讯</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/yiliao.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">医疗服务</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/yanjiu.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">烟酒</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/wenhua.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">文化</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/chaoshi.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">零售小超</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/jiaoyu.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">教育</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/jinrong.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">金融</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/jianshen.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">美容健身</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/fuwu.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">社会服务</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/yaoye.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">药业</div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide swiper-slide-v">
                                        <a href="">
                                            <div class="store-category-img"><img src="img/fuzhuang.jpg"></div>
                                            <div class="store-category-mask"></div>
                                            <div class="store-category-word font12">服装服装服装服装</div>
                                        </a>
                                    </div>
                                    <div class="swiper-pagination-v"></div>
                                </div>
                            </div>
                        </div>

                        <div class="more-tit box box-between box-center margin-square">
                            <h3>热门推荐</h3>
                            <ul class="more-btn box box-right box-center font12">
                                <li><a href="storeList.html">查看更多</a></li>
                                <li class="icon-in"></li>
                            </ul>
                        </div>

                        <ul class="single-list">
                            <li>
                                <a href="">
                                    <div class="box box-left box-center">
                                        <div class="single-list-img item-fix"><img src="img/store_list_logo.jpg"></div>
                                        <div class="single-list-store item">
                                            <div class="single-list-tit font16">罗蔓西饼</div>
                                            <div class="single-list-tip box box-left box-center font12">
                                                <span>单锅小炒</span>
                                                <span>水饺</span>
                                                <span>抄手</span>
                                            </div>
                                            <div class="store-position position box box-left font12">
                                                <div class="icon-position color-red"></div>
                                                <p>珠海</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="box box-left box-center">
                                        <div class="single-list-img item-fix"><img src="img/store_list_logo.jpg"></div>
                                        <div class="single-list-store item">
                                            <div class="single-list-tit font16">罗蔓西饼</div>
                                            <div class="single-list-tip box box-left box-center font12">
                                                <span>单锅小炒</span>
                                                <span>水饺</span>
                                                <span>抄手</span>
                                            </div>
                                            <div class="store-position position box box-left font12">
                                                <div class="icon-position color-red"></div>
                                                <p>珠海</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="box box-left box-center">
                                        <div class="single-list-img item-fix"><img src="img/store_list_logo.jpg"></div>
                                        <div class="single-list-store item">
                                            <div class="single-list-tit font16">罗蔓西饼</div>
                                            <div class="single-list-tip box box-left box-center font12">
                                                <span>单锅小炒</span>
                                                <span>水饺</span>
                                                <span>抄手</span>
                                            </div>
                                            <div class="store-position position box box-left font12">
                                                <div class="icon-position color-red"></div>
                                                <p>珠海</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="box box-left box-center">
                                        <div class="single-list-img item-fix"><img src="img/store_list_logo.jpg"></div>
                                        <div class="single-list-store item">
                                            <div class="single-list-tit font16">罗蔓西饼</div>
                                            <div class="single-list-tip box box-left box-center font12">
                                                <span>单锅小炒</span>
                                                <span>水饺</span>
                                                <span>抄手</span>
                                            </div>
                                            <div class="store-position position box box-left font12">
                                                <div class="icon-position color-red"></div>
                                                <p>珠海</p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                        </ul>

                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide tabs-switch-slide">
                        <!--特惠活动-->
                        <div class="more-tit box box-between box-center">
                            <h3>热门推荐</h3>
                            <ul class="more-btn box box-right box-center font12">
                                <li><a href="promotionList.html">查看更多</a></li>
                                <li class="icon-in"></li>
                            </ul>
                        </div>

                        <ul class="single-list">
                            <li class="single-action-list">
                                <div class="single-action-img"><img src="img/action_banner.jpg"></div>
                                <div class="single-action-inf box box-between box-center">
                                    <div class="single-list-tit font16">罗蔓西饼</div>
                                    <div class="single-action-time box box-right box-center font12">
                                        <div class="icon-time color-red"></div>
                                        <div class="font12 color-grey">06-06~07-23</div>
                                    </div>
                                </div>
                                <div class="single-action-word">
                                    <p class="color-grey font12"><span style="font-size: 12px;">6月30日上午，在闽南师范大学物信学院学子在达理活动中心举办手绘油纸伞献爱心活动，我们等候你的到来。</span></p>
                                </div>
                                <div class="single-action-line"></div>
                            </li>
                            <li class="single-action-list">
                                <div class="single-action-img"><img src="img/action_banner.jpg"></div>
                                <div class="single-action-inf box box-between box-center">
                                    <div class="single-list-tit font16">罗蔓西饼</div>
                                    <div class="single-action-time box box-right box-center font12">
                                        <div class="icon-time color-red"></div>
                                        <div class="font12 color-grey">06-06~07-23</div>
                                    </div>
                                </div>
                                <div class="single-action-word">
                                    <p class="color-grey">6月30日上午，在闽南师范大学物信学院学子在达理活动中心举办手绘油纸伞献爱心活动，我们等候你的到来。</p>
                                </div>
                                <div class="single-action-line"></div>
                            </li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer>
</footer>
<script src="js/jquery.js"></script>
<script src="js/swiper/swiper.js"></script>
<script src="js/each/index.js"></script>
</body>
</html>